<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>金纪官后台管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" type="text/css" href="statics/plugins/layui/css/layui.css">
    <link rel="stylesheet" type="text/css" href="statics/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="statics/css/index1.css">
</head>
<body>
<div class="layui-layout layui-layout-admin" id="layui_layout">
    <!-- 顶部区域 -->
    <div class="layui-header header header-demo">
        <div class="layui-main">
            <!-- logo区域 -->
            <div class="admin-logo-box">
                <a class="logo" href="javascript:;">金纪官后台管理</a>
                <div class="larry-side-menu">
                    <i class="fa fa-bars" aria-hidden="true"></i>
                </div>
                <div style="position: absolute;left:230px;top:6px;width:600px;">
                    <div style="float:left;color:#fff;padding:15px 10px;">欢迎 {{user.username}}</div>
                    <div style="float:left;color:#fff;padding:15px 10px;">
                   <span class="nowtime">
                        <span id="nowTime">
                            <span class="data"></span>
                            <span class="week"></span>
                            <span class="time"></span>
                        </span>
                </span>
                    </div>
                </div>
            </div>
            <!-- 右侧导航 -->
            <ul class="layui-nav larry-header-item">
                <li class="layui-nav-item">
                    <a href="/index.html"><i class="fa fa-exchange"></i> &nbsp;切换模式</a>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;" @click="updatePassword"><i class="fa fa-lock"></i> &nbsp;修改密码</a>
                </li>
                <li class="layui-nav-item">
                    <a href="logout"><i class="fa fa-sign-out"></i> &nbsp;退出系统</a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 左侧侧边导航开始 -->
    <div class="layui-side layui-side-bg layui-larry-side" id="larry-side">
        <div class="layui-side-scroll" id="larry-nav-side" lay-filter="side">
            <!-- 左侧菜单 -->
            <ul class="layui-nav layui-nav-tree">
                <menu-item :item="item" v-for="item in menuList"></menu-item>
            </ul>
        </div>
    </div>

    <!-- 左侧侧边导航结束 -->
    <!-- 右侧主体内容 -->
    <div class="layui-body" id="larry-body" style="bottom: 0;border-left: solid 2px rgb(41, 145, 217);">
        <div class="layui-tab layui-tab-card larry-tab-box" id="larry-tab" lay-filter="main-tab" lay-allowclose="true">
            <ul class="layui-tab-title">
                <li class="layui-this" id="admin-home"><i class="fa fa-home"></i><em>控制台</em></li>
            </ul>
            <div class="layui-tab-content" style="min-height: 150px; ">
                <div class="layui-tab-item layui-show">
                    <iframe class="larry-iframe" data-id='0' src="sys/main.html"></iframe>
                </div>
            </div>
        </div>


    </div>
    <!-- 底部区域 -->
    <!--<div class="layui-footer layui-larry-foot" id="larry-footer">-->
        <!--<div class="layui-mian">-->
            <!--Copyright &copy; 2017 <a hrefaten" target="_blank">cy-security</a> All Rights Reserved-->
        <!--</div>-->
    <!--</div>-->

    <!-- 修改密码 -->
    <div id="passwordLayer" style="display: none;">

        <form class="layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">账号</label>
                <label class="layui-form-label laber-account">{{user.username}}</label>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">原密码</label>
                <div class="layui-input-inline">
                    <input type="password" v-model="password" placeholder="原密码" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">新密码</label>
                <div class="layui-input-inline">
                    <input type="text" v-model="newPassword" placeholder="新密码" autocomplete="off" class="layui-input">
                </div>
            </div>
        </form>
    </div>
</div>

<script type="text/javascript" src="statics/libs/jquery.min.js"></script>
<script type="text/javascript" src="statics/plugins/layui/layui.js"></script>
<script type="text/javascript" src="statics/libs/vue.min.js"></script>
<script type="text/javascript" src="js/index1.js"></script>
<script type="text/javascript" src="js/navtab.js"></script>
</body>
</html>